Contactez-nous * { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'Segoe UI', Arial, sans-serif; color: #222; background: #fff; }
/* HERO BANNER */
.hero {
background: linear-gradient(rgba(0,0,0,0.18), rgba(0,0,0,0.18)),
url('https://images.unsplash.com/photo-1441986300917-64674bd600d8?w=1400&q=80') center/cover no-repeat;
height: 200px;
display: flex; align-items: center; justify-content: center;
}
.hero h1 { font-size: 42px; font-weight: 700; color: #fff; letter-spacing: 0.5px; }
/* INFO CARDS */
.cards-section { max-width: 1100px; margin: 48px auto; padding: 0 24px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.info-card { border: 1px solid #e8e8e8; border-radius: 12px; padding: 36px 24px; text-align: center; }
.icon-circle { width: 64px; height: 64px; background: #fde8e8; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 18px; }
.icon-circle svg { width: 28px; height: 28px; stroke: #e05a5a; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.info-card h3 { font-size: 17px; font-weight: 700; margin-bottom: 10px; color: #111; }
.info-card p { font-size: 14px; color: #666; margin-bottom: 4px; line-height: 1.6; }
.info-card a { color: #e05a5a; text-decoration: none; font-size: 14px; }
.info-card a:hover { text-decoration: underline; }
/* BOTTOM SECTION */
.bottom-section { max-width: 1100px; margin: 0 auto 60px; padding: 0 24px; display: grid; grid-template-columns: 1fr 1fr; gap: 48px; }
/* CONTACT FORM */
.form-area h2 { font-size: 24px; font-weight: 700; margin-bottom: 24px; color: #111; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }
.form-group { display: flex; flex-direction: column; gap: 6px; margin-bottom: 16px; }
.form-group label { font-size: 13px; font-weight: 500; color: #333; }
.form-group label .req { color: #e05a5a; }
.form-group input, .form-group textarea, .form-group select {
padding: 10px 14px; border: 1px solid #ddd; border-radius: 8px;
font-size: 14px; color: #333; outline: none; font-family: inherit;
transition: border-color 0.2s;
}
.form-group input:focus, .form-group textarea:focus, .form-group select:focus { border-color: #e05a5a; }
.form-group input::placeholder, .form-group textarea::placeholder { color: #aaa; }
.form-group textarea { resize: vertical; min-height: 110px; }
.submit-btn {
background: #e05a5a; color: #fff; border: none; border-radius: 8px;
padding: 12px 36px; font-size: 15px; font-weight: 600; cursor: pointer;
transition: background 0.2s;
}
.submit-btn:hover { background: #c94444; }
/* MAP AREA */
.map-area h2 { font-size: 24px; font-weight: 700; margin-bottom: 24px; color: #111; }
.map-wrapper { border-radius: 12px; overflow: hidden; border: 1px solid #e8e8e8; height: 380px; }
.map-wrapper iframe { width: 100%; height: 100%; border: none; }
@media (max-width: 768px) {
.cards-section { grid-template-columns: 1fr; }
.bottom-section { grid-template-columns: 1fr; }
.form-row { grid-template-columns: 1fr; }
.hero h1 { font-size: 28px; }
}
Hilel Valencia
Bienvenue sur la page Hilel Valencia. Vous trouverez ici les dernières actualités, les annonces et les informations importantes concernant cette rubrique.
Dernières nouvelles et actualités
Les temps forts de ce mois
Coordonnées et ressources d’assistancePour plus de détails, veuillez contacter directement notre équipe.